// 用来导入 Element-UI 的组件的文件 (通过按需导入的形式使用的)
import Vue from 'vue'
import { Button, Form, FormItem, Input, Message, Container, Header, Aside, Main, Menu, Submenu, MenuItem, Breadcrumb, BreadcrumbItem, Card, Row, Col, Table, TableColumn, Switch, Tooltip, Pagination, Dialog, MessageBox, Tag, Tree, Select, Option, Cascader, Alert, Tabs, TabPane, Steps, Step, CheckboxGroup, Checkbox, Upload } from 'element-ui'

// 导入 时间线组件的文件
// import Timeline from '@/plugins/timeline/index.js'
// import TimelineItem from '@/plugins/timeline-item/index.js'

// 调用 Vue.use() 函数(为Vue项目安装插件)，把 要使用的组件 安装为 Vue 的插件
Vue.use(Button) // 按钮
Vue.use(Form) // 表单
Vue.use(FormItem) // 表单项
Vue.use(Input) // 输入框
Vue.use(Container) // 布局容器
Vue.use(Header) // 顶部容器
Vue.use(Aside) // 侧边栏容器
Vue.use(Main) // 主体区域容器
Vue.use(Menu) // 菜单容器
Vue.use(Submenu) // 一级菜单
Vue.use(MenuItem) // 二级菜单
Vue.use(Breadcrumb) // 面包屑导航容器
Vue.use(BreadcrumbItem) // 面包屑导航项
Vue.use(Card) // 卡片容器
Vue.use(Row) // 栅格布局的行
Vue.use(Col) // 栅格布局的行中的列
Vue.use(Table) // 表格
Vue.use(TableColumn) // 表格列
Vue.use(Switch) // 开关
Vue.use(Tooltip) // 文字提示
Vue.use(Pagination) // 分页
Vue.use(Dialog) // 对话框
Vue.use(Tag) // 标签
Vue.use(Tree) // 树形控件
Vue.use(Select) // 选择器
Vue.use(Option) // 选择项
Vue.use(Cascader) // 级联选择器
Vue.use(Alert) // 警告
Vue.use(Tabs) // 标签页容器
Vue.use(TabPane) // 标签页
Vue.use(Steps) // 步骤条
Vue.use(Step) // 步骤
Vue.use(CheckboxGroup) // 复选框组
Vue.use(Checkbox) // 复选框
Vue.use(Upload) // 上传
// Vue.use(Timeline) // 时间线容器
// Vue.use(TimelineItem) // 时间线

// 需要全局挂载的组件 (挂载到 Vue的原型对象 上，每个组件都可以通过this访问)
Vue.prototype.$message = Message // 消息提示
Vue.prototype.$confirm = MessageBox.confirm // 弹框
